<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>个人设置</title>
    <link href="${server}/css/bootstrap.css" rel="stylesheet"/>
    <link href="${server}/css/main.css" rel="stylesheet"/>
    <link href="${server}/css/public.css" rel="stylesheet">
    <link href="${server}/css/personal.css" rel="stylesheet">
</head>
<body class="person_body_bg">
<#include "nav.ftl" >
<div class="container">
    <div class="catalog row col-sm-12 col-md-11">
        <div class="my_catalog  col-md-8">
            <a href="${server}/personal" class="active" id="personal"><span class="glyphicon glyphicon-cog"></span>个人设置</a>
            <a href="${server}/uploadWork" id="uploadWork"><span class="glyphicon glyphicon-open"></span>发布作品</a>
            <a href="${server}/myWorks" id="myWorks"><span class="glyphicon  glyphicon-list"></span>我的作品</a>
            <a href="${server}/myComments" id="myComments"><span class="glyphicon glyphicon-comment"></span>我的评论</a>
            <a href="${server}/myCollections" id="myCollections"><span class="glyphicon glyphicon-star"></span>我的收藏</a>
            <a href="${server}/myRecommends" id="myRecommends"><span
                    class="glyphicon glyphicon-thumbs-up"></span>我的推荐</a>
        </div>
    </div>
    <div class="personal  col-md-7">
        <div class="title">
            <label>个人设置</label>
        </div>
        <div class="content">

            <label>昵称</label>
            <input class="form-control" type="text" name="username" id="username" placeholder="昵称"
                   value="${user.username}">
            <label>个性签名</label>
            <input class="form-control" type="text" name="sign" id="sign" placeholder="个性签名" value="${user.sign!""}">
            <label>当前密码</label>
            <input class="form-control" type="password" name="oldPassword" id="oldPassword" placeholder="当前密码">
            <label>新密码</label>
            <input class="form-control" type="password" name="password" id="password" placeholder="新密码">
            <label>再次输入新密码</label>
            <input class="form-control" type="password" name="confirmPassword" id="confirmPassword"
                   placeholder="再次输入新密码">
            <button class="btn" id="updateBaseInfo">确认修改</button>
            <br/>

            <label>所在学院</label>
            <select name="college" id="college" class="form-control">
            <#if user.college?? && user.college != "">
                <option selected>${user.college}</option>
            <#else>
                <option value="请选择所属学院">请选择所属学院</option>
            </#if>
            </select>
            <label>所在专业</label>
            <select name="major" id="major" class="form-control">
            <#if user.major?? && user.major != "">
                <option selected>${user.major}</option>
            <#else>
                <option value="请选择所属专业">请选择所属专业</option>
            </#if>
            </select>
            <label>所在年级</label>
            <select name="classes" id="classes" class="form-control">
            <#if user.classes?? && user.classes !="">
                <option selected>${user.classes}</option>
            <#else >
                <option value="请选择所属年级">请选择所属年级</option>
            </#if>

            </select>
            <button class="btn" id="updateCollege">确认修改</button>
            <br/><br/><br/><br/>

            <label>头像</label>
            <img id="load" src="${server}/img/others/load.gif">
            <span class="btn btn-default"><div id="uploadTip">上传</div><input type="file" name="multipartFile" id="file"></span>
            <div class="photo">
                <img class="p1" id="Img" src="${user.img}">
                <img class="p2" id="Img1" src="${user.img}">
                <img class="p3" id="Img2" src="${user.img}">
            </div>
            <input type="hidden" name="UserImg" id="UserImg" value="">
            <button class="btn" id="updateHead">确认修改</button>
        </div>
    </div>
    <div class="userInfo col-md-offset-1 col-md-3">
        <div class="title">
            <label>个人信息</label>
        </div>
        <div class="info clear">
            <a href="#" class="userImg"><img src="${user.img}"></a>
            <a href="#" class="userName"><span>${user.username}</span></a>
            <div class="option clear">
                <a href="#">
                    <span class="num">0</span>
                    <span class="name">我的文章</span>
                </a>
                <span class="divi"></span>
                <a href="#">
                    <span class="num">0</span>
                    <span class="name">我的消息</span>
                </a>
                <span class="divi"></span>
                <a href="#">

                    <span class="num">0</span>
                    <span class="name">我的收藏</span>
                </a>
            </div>
            <div class="sign">
                <label>个性签名:</label>
                <div id="mySign">${user.sign!"主人很懒，什么都没留下~"}</div>
            </div>
            <div class="profession">
                <label>我的专业是：</label>
            <#if user.college??>
            ${user.college}&nbsp;${user.major}&nbsp;${user.classes}
            <#else >
                专业未填
            </#if>
            </div>
        </div>
    </div>
</div>

<div id="footer_bg">
    <div class="footer clear">
        <div class="f1">联系我们</div>
        <div class="f2">
            <ul>
                <li>微信公众号：abc912342642</li>
                <li>新浪微博：郑州轻院计算机学院创业中心</li>
                <li>Email:zzuli_cyzx@163.com</li>
                <li>地址：计算机楼108</li>
            </ul>
        </div>
        <div class="f3">
            <img src="${server}/img/About/weixin.jpg" alt="weixin"/>
            <p>创业中心微信</p>
        </div>
        <div><img src="${server}/img/About/weibo.jpg" alt="weibo"/>
            <p>创业中心微博</p>
        </div>
    </div>
</div>
</body>
<script src="${server}/js/jquery.min.js"></script>
<script src="${server}/js/bootstrap.min.js"></script>
<script src="${server}/js/main.js"></script>

<#include "personaJs.ftl" >

</html>